<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
    	<link href="../css/callcenter.css" rel="stylesheet" />
    	<link href="../css/mui.picker.css" rel="stylesheet" />
    	<link href="../css/mui.poppicker.css" rel="stylesheet" />
    	<script src="../js/jquery-1.9.1.min.js"></script>
	</head>

	<body>
		<!--  顶部组件      -->
		<header class="mui-bar mui-bar-nav head">
			<a class="mui-action-back">
				<span class="mui-icon mui-icon-arrowleft sp5"></span>
			</a>
			<h1 class="mui-title">客服中心</h1>
		</header>
		
		<!--  主题内容组件     -->
		<div class="mui-content">
			<div class="kong">
				<li id="phpne" class="mui-table-view-cell mui-collapse">
			        <a class="mui-navigate-right last" href=" javascript:phone('+400-88886666+') ">
			        	<span class="mui-icon iconfont icon-phone"></span>
			        	<p class="pnum">400-88886666</p>
			        </a>
		    	</li>
			</div>
		    <span class="wangdian_word">周边服务网点</span>
		    <div class="wangdian">
		    	<button id='showCityPicker3' class="mui-btn mui-btn-block" type='button'>点击选择地区</button>
		    	<div id='cityResult3' class="ui-alert"></div>
		    </div>
		    <div class="wangdian_xinxi">
		    	<ul>
		    		<li>
		    			<span class="mui-icon iconfont icon-ren-copy"></span>
		    			<a>名称：</a>
		    			<p>海城机油</p>
		    		</li>
		    		<li>
		    			<span class="mui-icon iconfont icon-phone"></span>
		    			<a>电话：</a>
		    			<p>18526589866</p>
		    		</li>
		    		<li class="thire">
		    			<span class="mui-icon iconfont icon-dingwei"></span>
		    			<p class="st1" style="line-height: none;">珠海市珠海区来广营北路168号海城</p>
		    		</li>
		    	</ul>
		    </div>
		    <div class="wangdian_xinxi">
		    	<ul>
		    		<li>
		    			<span class="mui-icon iconfont icon-ren-copy"></span>
		    			<a>名称：</a>
		    			<p>海城机油</p>
		    		</li>
		    		<li>
		    			<span class="mui-icon iconfont icon-phone"></span>
		    			<a>电话：</a>
		    			<p>18526589866</p>
		    		</li>
		    		<li class="thire all">
		    			<span class="mui-icon iconfont icon-dingwei"></span>
		    			<p class="st1" style="line-height: none;">珠海市珠海区来广营北路168号海城</p>
		    		</li>
		    	</ul>
		    </div>
		</div>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mui.picker.js"></script>
		<script src="../js/mui.poppicker.js"></script>
		<script src="../js/city.data.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/city.data-3.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
			function phone(date){
				window.location.href = 'tel://' + date;
			}
			nav_tab();
	    	//底部导航栏点击跳转页面函数
	    	function nav_tab(){
	    		var nav = document.getElementById("phpne");
		    	var nav_tab = nav.getElementsByClassName("mui-navigate-right last");
		    	for(var i=0;i<nav_tab.length;i++){
		    		(function(x){
		    			nav_tab[x].addEventListener('tap',function(){
					        window.location.href = this.href;
					    });
		    		})(i)
		    	}
	    	}
		</script>
		<script>
			(function($, doc) {
				$.init();
				$.ready(function() {
					//-----------------------------------------
					//					//级联示例
					var cityPicker3 = new $.PopPicker({
						layer: 3
					});
					cityPicker3.setData(cityData3);
					var showCityPickerButton = doc.getElementById('showCityPicker3');
					var cityResult3 = doc.getElementById('cityResult3');
					showCityPickerButton.addEventListener('tap', function(event) {
						cityPicker3.show(function(items) {
							showCityPickerButton.innerText=(items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text;
//							mui.alert()
//							mui.ajax({
//								
//							})
//							cityResult3.innerText = "你选择的城市是:" + (items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text;
							//返回 false 可以阻止选择框的关闭
//							return false;
						});
					}, false);
				});
			})(mui, document);
		</script>
	</body>

</html>

